<template>
  <div>
      <div class="div-1">分类</div>
    <input type="text" placeholder="搜索商品名称">
  </div>
</template>

<script>

export default {
    name:'FenLeiSou'
}
</script>

<style lang="less" scoped>
  
   div{
    
       padding: 0 0 1rem 0;
       background-color: rgb(255, 255, 255);
      
     .div-1{
       font-size: 1rem;
        text-align: center;
        padding: 0.5rem 0 1rem 0;
    }
     input{
        width: 85%;
        height: 2rem;
        border-radius: 1rem;
        background: url(../../assets/sousuo.png) no-repeat;
        background-size: 2rem;
        background-color: rgb(241, 241, 241);
        border: none;
        font-size: 0.8rem;
        padding-left:2rem;
        box-sizing: border-box;
        margin: 0 auto;
        display: flex;
    }
   }
</style>